<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript 全局变量</title>
</head>

<body>
    <!-- 变量在函数外定义，即为全局变量。 -->
    <!-- 全局变量有 全局作用域: 网页中所有脚本和函数均可使用。 -->
    <p>全局变量在任何脚本和函数内均可访问。</p>
    <p id="demo"></p>
    <script>
        var carName = "Volvo";
        myFunction();
        // 此处可调用 carName 变量
        function myFunction() {
            // 函数内可调用 carName 变量
            document.getElementById("demo").innerHTML = "我可以显示 " + carName;    // 我可以显示 Volvo
        }
    </script>
</body>

</html>